@skyblue: #5bc9ff;  
@bc: #f2f2f2;
@fc:#fff;

// 背景图片地址和大小
.bis(@url) { 
	background-image: url(@url);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.borderRadius(@radius) {
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
    -ms-border-radius: @radius;
    -o-border-radius: @radius;
    border-radius: @radius;
}
//定位全屏
.allcover{
	position:absolute;
	top:0;
	right:0;
}

//定位上下左右居中
.center{  
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

//定位上下居中
.ct{  
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

//定位左右居中
.cl {  
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

//宽高
.wh(@width, @height){
	width: @width;
	height: @height;
}

//字体大小，颜色
.sc(@size, @color){
	font-size: @size;
	color: @color;
}

// iconb背景图片样式
.iicon(@w,@h,@url){
	display: inline-block;
	width: @w;
	height: @h;
	background: url(@url) no-repeat;
	background-size: 100%;
}

//flex 布局和 子元素 对其方式
.fj(@type: space-between){
	display: flex;
	justify-content: @type;
}

// 1像素边框
.border-1px(@color) {
	position: relative;
	&::after{
	  display: block;
	  position: absolute;
	  right: 0;
	  bottom: 0;
	  height: 100%;
	  width: 0;
	  content: ' ';
	  border-right: 1px solid @color;
		@media(min-device-pixel-ratio:1.5),(-webkit-min-device-pixel-ratio:1.5){
		  transform: scaleX(0.75);
		}
		@media(min-device-pixel-ratio:2),(-webkit-min-device-pixel-ratio:2){
		  transform: scaleX(0.5);
		}
		@media(min-device-pixel-ratio:3),(-webkit-min-device-pixel-ratio:3){
		  transform: scaleX(0.33);
		}
	}
}

// 2x 3x图
// .bg-img(@url) {
//   background-image: url("@{url}@2x.png");
//   @media(min-device-pixel-ratio:3),(-webkit-min-device-pixel-ratio:3){
//     background-image: url("@{url}@3x.png");
//   }
// }